<style type="text/css">
    .page-header{
        position: relative;
    }
    .searchform{
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .searchform #search{
        height: 25px;
        line-height: 25px;
    }
    .btn{
        cursor: pointer;
    }
</style>
<div class="inside">
    <aside class="navigationPanel">
     
     <div class="tree pagesLinks">
        <ul>
           <ul>
              <?php if($this->session->userdata('level') == 1):?>
              <li> <a href="<?php echo $baseurl.'account.html'?>">Danh sách tài khoản</a> </li>
              <li> <a href="<?php echo $baseurl.'classify-device.html'?>" class="active">Phân loại nhóm khách hàng</a> </li>
              <?php endif;?>                      
              <li> <a href="<?php echo $baseurl.'setting.html'?>">Thông tin tài khoản</a> </li>
              <li> <a href="<?php echo $baseurl.'setting-password.html'?>">Mật khẩu</a> </li>
           </ul>
        </ul>
     </div>
    </aside>
   <div class="contentPanel">
      <div class='pages' id='design'>
            <div class="workplace"> 
                <div class="page-header">
                    <h1><small>Phân loại nhóm khách hàng</small></h1>
                        <?php $attr = array('class' => 'searchform', 'style' => 'width: 45%;'); echo form_open('', $attr);?>
                            <input type="text" class="ipt" style="width: 75%;" name="search" id="search" placeholder="Nhập từ khóa"/>
                            <button type="submit" class="btn btn-default" style="padding: 5px 10px;">Tìm kiếm</button>
                        </form>
                </div>
                
                <table id="report" class="report-table">
        			<thead>
        				<tr>
        					<th>STT</th>
        					<th>Hệ điều hành</th>
                            <th>Tên thiết bị</th>
                            <th>Loại máy</th>
        					<th>Nhóm</th>
                            <th colspan="2">Tác vụ</th>
        				</tr>
        			</thead>
        			<tbody class="list-rp">
                    <?php $i = 1; foreach($data AS $key => $val):?>
                    <tr>
                		<td><?php if($page != 0){
                                                echo $stt = ($page-1)*$per_page + $i;
                                            }else{
                                                echo $stt = $page + $i ;
                                            }?></td>
                        <td><?php echo $val->os_name ? $val->os_name : "Đang cập nhật";?></td>
                        <td><?php echo $val->device_name ? $val->device_name : "Đang cập nhật";?></td>
                        <td><?php echo $val->note ? $val->note : "Đang cập nhật";?></td>
                        <td><?php 
                            if($val->group == 1){
                                echo "Khách hàng cao cấp";
                            }else if($val->group == 2){
                                echo "Khách hàng trung cấp";
                            }else{
                                echo "Khách hàng phổ thông";
                            }
                        ?></td>
                        <td><a href="<?php echo $baseurl.'edit-classify/'.$val->id;?>">Edit</a></td>
                        <td><a data-id="<?php echo $val->id?>" class="deleterow-x">Delete</a></td>
    				</tr>
              
                    <?php $i++; endforeach;?>
        			</tbody>
        		</table>
            </div>
            <div class="pagination">
                <?php echo $this->pagination->create_links();?> 
            </div>
            
            <style type="text/css">
                .highcharts-legend-item:nth-child(2)
                {
                    display: none !important;
                }            
    			table{
    				border-spacing: 0;
    				border-collapse: collapse;
                    margin-bottom: 20px;
    			}
    			
    			.report-table{
    				width: 100%;
    				max-width: 100%;
    				text-align: center;
    			}
    			
    			.report-table th,.report-table td{
    				padding: 15px 20px;
    				border: 1px solid #aaa;
    			}
                
                .report-table tr:nth-child(odd){
    				padding: 15px 20px;
    				border: 1px solid #aaa;
                    background: #FFF;
    			}
                .report-table tr:nth-child(even){
    				padding: 15px 20px;
    				border: 1px solid #aaa;
                    background: #FAFAFA;
    			}
                
                .report-table th{
    				background: none repeat scroll 0 0 #efefef;
    			}
                
    			.report-table tbody{
    				color: #535353;
    			}
                a{
                    cursor: pointer;
                }
    		</style>
      </div>
   </div>

</div>

<script type="text/javascript">
function convertDeltatime(deltaTime)
{
    var miligiay = deltaTime % (60 * 1000);
    var miligay_ = miligiay % 1000;
    var giay = (miligiay - miligay_) / 1000;
    var phut = (deltaTime - miligiay) / 60 / 1000;
    if (phut < 10) {
        phut = "0" + phut;
    }
    if (giay < 10) {
        giay = "0" + giay;
    }
    return phut + " phút " + giay + " giây " + miligay_ + " ms";
}

    jQuery('.deleterow-x').click(function(){
    var ids = $(this).data('id');
	var conf = confirm('Bạn muốn xóa thiết bị này?');
	if(conf)
		jQuery(this).parents('tr').fadeOut(function(){
			jQuery(this).remove();
			$.ajax({
                type: "GET",
			    url: baseUrl+'delete-classify/'+ids,
                success: function(data){
                    hidePreload();
                }
			});
		});
	return false;
    });
</script>